<?php
	$moranguinho = 'nao';
	$logged = 'sim';
	$id='diversao';
	include 'header.php';
?>
			<div class="wrapper-content">
				<div class="info-logged">
					<div class="wrapper-infos-bff">
						<img src="img/img-logged.jpg?5" alt=""/>
						<span class="nome-bff">Maria José de Jesus</span>
						<span class="clear"></span>
						<a href="#">Editar Perfil</a>
						<a href="jogos-not-logged.php">Sair</a>
					</div>
				</div>
				<span class="clear"></span>				
				<div class="extra-wrapper-slide-diversao wallpaper-diversao">
					<div class="wrapper-slide-diversao">
						<ul>
							<li>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<div>
									<img src="img/wallpapers.jpg?3" alt=""/>
									<span><a href="#">1024 x 768</a> • <a href="#">1280 x 800</a> • <a href="#">1440 x 900 </a></span>
								</div>
								<span class="clear"></span>
							</li>
						</ul>
						<span class="clear"></span>
					</div><!-- /wrapper-slide-diversao -->
					<span class="clear"></span>
					<a href="#" class="wrapper-slide-diversao-control-prev">&lsaquo;</a>
					<a href="#" class="wrapper-slide-diversao-control-next">&rsaquo;</a>
					<span class="clear"></span>
					<img src="img/moranguinho-wallpaper.png?7" alt="" class="moranguinho-wallpaper"/>
				</div><!-- /extra-wrapper-slide-diversao -->
				<span class="clear"></span>
				<div class="destaque-produtos">
					<?php include 'slide-produtos.php'; ?>
				</div><!-- /destaque-produtos -->
				<div class="wrapper-destaques-diversao">
					<div class="conteudo-exclusivo">
						<img src="img/conteudos-exclusivos.png?5" alt=""/>
					</div>
					<ul>
						<li>
							<div class="tit-categoria">
								<span class="roxo-amarelo">Jogar</span>
								<img src="img/moldura-destaque-categoria.png?6" alt=""/>
							</div>
							<div class="wrapper-img-destaque-diversao">
								<img src="img/diversao-destaque-jogar.png?6" alt=""/>
							</div>
							<a href="#" class="clique-aqui">Clique Aqui</a>
						</li>
						<li>
							<div class="tit-categoria">
								<span class="roxo">Desenhar</span>
								<img src="img/moldura-destaque-categoria.png?6" alt=""/>
							</div>
							<div class="wrapper-img-destaque-diversao">
								<img src="img/diversao-destaque-desenhar.png?7" alt=""/>
							</div>
							<a href="#" class="clique-aqui">Clique Aqui</a>
						</li>
						<li class="no-margin-right">
							<div class="tit-categoria">
								<span class="amarelo">Vídeos</span>
								<img src="img/moldura-destaque-categoria.png?6" alt=""/>
							</div>
							<div class="wrapper-img-destaque-diversao">
								<img src="img/diversao-destaque-videos.png" alt=""/>
							</div>
							<a href="#" class="clique-aqui">Clique Aqui</a>
						</li>
						<span class="clear"></span>
					</ul>
					<span class="clear"></span>
				</div><!-- /wrapper-destaques-diversao -->
				<span class="clear"></span>
			</div><!-- /wrapper-content -->
			<span class="clear"></span>
		</div><!-- /container -->
		<span class="clear"></span>
	</div> <!-- /wrapper-container -->
	<span class="clear"></span>
<?php include 'footer.php'; ?>